@layout('layouts.clearly')

@section('content')
@id('house.post')


<?php

$fields = array('house_name','intro', 'opening_hour', 'closing_hour',
    'ward_id', 'city_id', 'district_id', 'house_address',
    'house_position', 'anchor_id', 'anchor_name',
    'id'
);


if (!isset($house)) {
    $house = array();
    foreach ($fields as $field) {
        $house[$field] = Input::old($field, '');
    }

    if ($house['city_id'] === '') {
        $house['city_id'] = array_get(City::items(), 0)->id;
        $house['district_id'] = array_get(District::all_by_city($house['city_id']), 0)->id;
    }

    $house = (object)$house;
}

$action = action('house@post');
$title = 'Thêm nhà trọ';
$submit_label = 'Đăng nhà trọ';

if (isset($updating)) {
    $title = 'Cập nhật nhà trọ';
    $submit_label = 'Cập nhật';
    $action = action('house@update');
}
?>

<div class="page-head">
    <h1>{{ $title }}</h1>
</div>


<div class="container page-outer">
    <div class="w550 fl-left" id="post-form-outer">
        @if ($errors->has())
        <div class="form-errors">
            <ul>
                @foreach ($fields as $f)
                {{ $errors->first($f, '
                <li>:message</li>
                ') }}
                @endforeach
            </ul>
        </div>
        @endif

        <form action="{{ $action }}" method="POST" id="house-post-form">
            <fieldset>
                <legend>Thông tin cơ bản</legend>

                <div class="control-group required">
                    <label for="title">Tên nhà trọ</label>

                    <div class="controls">
                        <input type="text" name="house_name" id="house-name" class="w-full"
                               value="{{ $house->house_name }}"/>
                    </div>
                </div>

                <div class="control-group required">
                    <label for="intro">Giới thiệu ngắn về nhà trọ</label>

                    <div class="controls">
                        <textarea name="intro" id="intro" cols="30" rows="3" class="w-full">{{ $house->intro }}</textarea>
                    </div>
                </div>

                <div class="control-group required">
                    <label for="opening-hour">Giờ mở cửa (sáng)</label>

                    <div class="controls">
                        <select class="select-box" name="opening_hour" id="opening-hour">
                            <option value="-1">Không quy định</option>
                        @for ($i = setting('opening_hour_min'); $i <= setting('opening_hour_max'); $i++)
                            @if ($i === $house->opening_hour)
                            <option value="{{ $i }}" selected="selected">{{ $i }} giờ</option>
                            @else
                            <option value="{{ $i }}">{{ $i }} giờ</option>
                            @endif
                        @endfor
                        </select>
                    </div>
                </div>

                <div class="control-group required">
                    <label for="closing_hour">Giờ đóng cửa (tối)</label>

                    <div class="controls">
                        <select class="select-box" name="closing_hour" id="closing-hour">
                            <option value="-1">Không quy định</option>
                        @for ($i = setting('closing_hour_min'); $i <= setting('closing_hour_max'); $i++)
                            @if ($i === $house->closing_hour)
                            <option value="{{ $i }}" selected="selected">{{ $i }} giờ</option>
                            @else
                            <option value="{{ $i }}">{{ $i }} giờ</option>
                            @endif
                        @endfor
                        </select>
                    </div>
                </div>


            </fieldset>
            <!-- / Thông tin cơ bản -->

            <fieldset>
                <legend>Địa chỉ nhà trọ</legend>
                <div class="control-group required">
                    <label for="city">Tỉnh/Thành phố</label>

                    <div class="controls">
                        <select class="select-box" name="city_id" id="city">
                        @foreach (City::items() as $city)
                            @if ($city->id === $house->city_id)
                            <option value="{{ $city->id }}" selected="selected">{{ $city->city_name }}</option>
                            @else
                            <option value="{{ $city->id }}">{{ $city->city_name }}</option>
                            @endif
                        @endforeach
                        </select>
                    </div>
                </div>

                <div class="control-group required"><label for="district">Quận/Huyện</label>

                    <div class="controls"><select name="district_id" id="district" class="select-box">
                    @foreach (District::all_by_city($house->city_id) as $district)
                        @if ($district->id === $house->district_id)
                            <option value="{{ $district->id }}" selected="selected">{{ $district->district_name }}</option>
                        @else
                            <option value="{{ $district->id }}">{{ $district->district_name }}</option>
                        @endif
                    @endforeach
                    </select></div>
                </div>

                <div class="control-group required">
                    <label for="ward">Phường/Xã</label>

                    <div class="controls">
                        <select class="select-box" name="ward_id" id="ward">
                        @foreach (Ward::all_by_district($house->district_id) as $ward)
                            @if ($ward->id === $house->ward_id)
                            <option value="{{ $ward->id }}" selected="selected">{{ $ward->ward_name }}</option>
                            @else
                            <option value="{{ $ward->id }}">{{ $ward->ward_name }}</option>
                            @endif
                        @endforeach
                        </select>
                        <input type="hidden" id="ward-track" value="{{ $house->ward_id }}">
                    </div>
                </div>


                <div class="control-group required">
                    <label for="house-address">Địa chỉ nhà trọ (Số nhà, tên đường)</label>

                    <div class="controls">
                        <input class="w-full" id="house-address" name="house_address" type="text" value="{{ $house->house_address }}">
                    </div>
                </div>
            </fieldset>
            <!-- địa chỉ -->

            <fieldset>
                <legend>Định vị</legend>

                <div class="control-group">
                    <label for="house-position">Tọa độ trên bản đồ
                        <a id="map-sheller" href="#" class="spec recommend">
                            <i class="icon-globe"></i>
                            mở bản đồ
                        </a>
                    </label>
                    <div class="controls">
                        <input type="text" name="house_position" id="house-position" class="w-full" readonly="true"
                                value="{{ $house->house_position }}"/>
                    </div>
                </div>

                <div class="control-group">
                    <label for="anchor-name">Điểm mốc/địa điểm gần nhà trọ của bạn
                        <a href="#" id="anchor-sheller" class="spec recommend">
                            <i class="icon-list"></i>
                            xem danh sách
                        </a>
                        <a href="#" id="remove-anchor" class="spec warning">
                            <i class="icon-remove"></i>
                            Xóa điểm mốc</a>
                    </label>
                    <div class="controls">
                        <input type="text" id="anchor-name" readonly="true" class="w-full" value = "{{ $house->anchor_name }}" />
                        <input type="hidden" name="anchor_id" id="anchor-id" value="{{ $house->anchor_id }}">
                    </div>
                    <div class="loading" id="anchor-selector-loading">
                        Đang tải điểm mốc
                    </div>
                    <a href="#" class="close pos-absolute" id="anchor-selector-close">
                        Đóng
                    </a>
                    <div id="anchor-selector-outer" class="pos-relative">

                    </div>
                </div>
            </fieldset>

                <div class="control-group ta-right">
                    <div class="controls">
                        {{ Form::token() }}
                        <input type="hidden" name="id" value="{{ $house->id }}">
                        <a class="btn btn-large" href="{{ action('house@manage') }}">Hủy bỏ</a>
                        <button type="submit" class="btn btn-large btn-primary">{{ $submit_label }}</button>
                    </div>
                </div>
        </form>
    </div>
    <!-- #post-form-outer -->

    <div class="w350 fl-right">
        <div class="helper-box">
            <h3>Hướng dẫn</h3>
            <p>Vui lòng điền các thông tin chính xác để tăng hiệu quả quảng bá cho nhà trọ của bạn.</p>
            <p>Để giúp dễ dàng hơn cho người tìm nhà trọ xác định được vị trí nhà bạn, bạn hãy nhấp vào liên kết <strong>[mở bản đồ]</strong> trong mục định vị để cập vị trí nhà trọ trên bản đồ. </p>
            <p>
                Sau khi bản đồ mở ra, bạn sẽ thấy biểu tượng ngôi nhà ở giữa bản đồ, đó chính là đại diện cho nhà trọ của bạn. Việc tiếp theo bạn cần làm là dùng chuột di chuyển (kéo/thả) biểu tượng ngôi nhà đó đến vị trí tương ứng với nhà trọ của bạn trên bản đồ, sau đó nhấn nút [xác nhận] để hoàn tất!
            </p>
            <p>
                Trong khi thao tác trên bản đồ bạn có thể <strong>sử nút giữa chuột (cuộn) để thay đổi độ phóng to/thu nhỏ của bản đồ</strong>. Hơn nữa, để định vị một vị trí nào đó là nhà trọ của bạn, ngoài cách di chuyển (kéo thả) biểu tượng ngôi nhà, bạn còn có thể <strong>nhắp phải để đặt vị trí</strong>
            </p>
        </div>
    </div>
</div><!-- end page-outer -->

<!-- position select -->
<div id="map-group">
    <div id="map-canvas-outer">
        <div id="map-canvas"></div>
    </div>
    <div id="map-controls">
        <div id="submit-group">
            <button type="button" id="submit-position" class="btn btn-primary">Xác nhận</button>
            <button type="button" id="cancel-position" class="btn">Hủy bỏ</button>
        </div>
    </div>
</div>

<!-- anchor select -->
<div class="anchor-select-outer">

</div>

@endsection